<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
				margin:0;padding:0
				}
				.header{
					height: 100px;
					width: 980px;
					 
					margin:  0 auto;
				}
				.content{
					width: 980px;
					height: 400px;
					margin: 0 auto;
					margin-top: 10px;
					 
				}
				.content .aside{
					width: 320px;
					height: 400px;
					background-color: yellow;
					float: left;
				 
				}
			
				.content .article{
					width: 650px;
					height: 400px;
					float: right;
				}
				
				.content .article .articleTop{
					width: 650px;
					height: 350px;
					 
				}
				.content .article .articleBottom{
					width: 650px;
					height: 40px;
					background-color: chocolate;
					margin-top: 10px;
				}
				
				.content .article .articleTop .articleTop-right{
					width: 240px;
					height: 350px;
					background-color: green;
					float: right;
				}
				
				.content .article .articleTop .articleTop-left{
					width: 400px;
					height: 350px;
				 
					float: left;
				}
				
				.content .article .articleTop .articleTop-left .articleTop-left-top{
					width: 400px;
					height: 200px;
					background-color: pink;
					
				}
				
				.content .article .articleTop .articleTop-left .articleTop-left-bottom{
					width: 400px;
					height: 140px;
					background-color: skyblue;
					margin-top: 10px;
					
				}
			
			.footer{
				width: 980px;
				height: 40px;
				background-color: blue;
				margin: 0 auto;
				margin-top: 10px;
			}
			.header .logo{
				float: left;
				width: 250px;
				height: 100px;
				background-color: antiquewhite;
				
			}
			
			.header .language{
				float: right;
				width: 150px;
				height: 50px;
				background-color: skyblue;
			}
			
			.header .nav{
				float: right;
				width: 650px;
				height: 50px;
				background-color: purple;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<div class="logo"></div>
			<div class="language"></div>
			<div class="nav"></div>
		</div>
		<div class="content">
			<div class="aside"></div>
			<div class="article">
				<div class="articleTop">
					<div class="articleTop-left">
						<div class="articleTop-left-top"></div>
						<div class="articleTop-left-bottom"></div>
						
					</div>
					<div class="articleTop-right"></div>
					
			
					
				</div>
				<div class="articleBottom"></div>
				
				
			</div>
			
			
		</div>
		<div class="footer"></div>
		
	</body>
</html>